<template>
	<view>
		<view class="custom-header" :style="{paddingTop:statusBarHeight+'px',background:'#0099CC'}">
			<image src="../../static/images/info_bg.png" mode="widthFix" class="custom-header-img"></image>
			<view class="header-page-name" :style="titleStyle">
				信息管理
			</view>
			<view class="nav-box">
				<view class="nav-box-item" v-for="item,index in navData" :key="index" @tap="toList(index)">
					<view class="padt20">
						<image :src="item.imgurl" mode="widthFix" class="nav-box-item-img"></image>
						<view class="nav-box-item-text">{{item.name}}</view>
					</view>
				</view>
				
				<view class="nav-box-item nobg">
					
				</view>
			</view>
		</view>
		
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				statusBarHeight: this.statusBarHeight,
				titleStyle: `top:${this.wxMenuTop}px;height:${this.wxMenuHeight}px;line-height:${this.wxMenuHeight}px`,
				navData:[{
					imgurl:'../../static/images/info_icon_01.png',
					name:'企业信息',
					code:'busEnterprise'
				},{
					imgurl:'../../static/images/info_icon_02.png',
					name:'投资商信息',
					code:'busInvestor'
				},{
					imgurl:'../../static/images/info_icon_03.png',
					name:'投资机构',
					code:'busOrg'
				},{
					imgurl:'../../static/images/info_icon_04.png',
					name:'会展机构',
					code:'busExhibition'
				},{
					imgurl:'../../static/images/info_icon_05.png',
					name:'目标企业信息库',
					code:'busTarget'
				}]
			}
		},
		//获取列表数据
		async getList(){
			
		},
		methods: {
			toList(index){
				
				const code = this.navData[index].code;
				const name = this.navData[index].name;
				
				uni.navigateTo({
					url:'./list/list?code='+code+'&name='+name
				})
			}
		},
		onLoad() {
			
		},
		onShareAppMessage() {
			return {
				imageUrl: 'https://www.szaez.com/sck/share.jpg?v=' + new Date().getTime()
			}
		},
	}
</script>

<style lang="scss" scoped>
	.custom-header{
		position: relative;
	}
	.custom-header-img{
		width: 750rpx;
	}
	.header-page-name{
		position: absolute;
		left:20px;
		top:20px;
		font-size: 16px;
		color: #FFFFFF;
	}
	.nav-box{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		top: 200rpx;
		z-index: 99;
		position: absolute;
		width: 100%;
		padding: 0 10px;
	}
	.nav-box-item{
		text-align: center;
		width: 230rpx;
		height: 257rpx;
		border-radius: 10px;
		background:#FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 10px;
		&.nobg{
			background: rgba(0,0,0,0);
		}
	}
	.nav-box-item-text{
		font-size: 28rpx;
		color: #414a5d;
	}
	.nav-box-item-img{
		width: 110rpx;
		height: 110rpx;
		margin: 0 auto;
	}

</style>
